<template>
        <div>
            <el-carousel :interval="5000" arrow="always">
                 <el-carousel-item class="a">
                       <h3>1</h3>
                 </el-carousel-item>

                 <el-carousel-item class="b">
                       <h3>2</h3>
                 </el-carousel-item>

                 <el-carousel-item class="c">
                       <h3>3</h3>
                 </el-carousel-item>

            </el-carousel>
        </div>
</template>

<script>
      export default{
      	name:"caruser"
      }
</script>

<style scoped>
.a{ 
	background-repeat: no-repeat; 
	width:1200px;
	height: 600px;
	background-image: url("../assets/images/1.png");
}

.b{
	background-repeat: no-repeat; 
	background-image: url("../assets/images/2.png");
}

.c{
	background-repeat: no-repeat; 
	background-image: url("../assets/images/3.png");
}

</style>